<!DOCTYPE html>
<html>
    <head>
        <title>Nómina Yasady</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <link rel="stylesheet"  href="css/themes/default/jquery.mobile-1.3.1.min.css">
        <script src="js/static/jquery.js"></script>
        <script src="js/static/jquery.mobile-1.3.1.min.js"></script>
        <script src="js/manejadorbd.js"></script>        
    </head>
    <body>
        <section data-role="page" id="usuario" data-theme="b">
            <header data-role="header" data-theme="b" data-position="fixed">
                <a href="index.html#usuarios" rel="external" data-role="button" data-icon="back" data-iconpos="notext">Volver</a>
                <h1>Usuario</h1>
                <a data-rel="dialog" href="#opciones" class="ui-btn-right" data-icon="grid" data-iconpos="notext">Opciones</a>
            </header>            
            <article data-role="content">
                <ul id="ulnomusr" data-role="listview" data-filter="true" data-filter-placeholder="Buscar" data-inset="true" data-theme="c"></ul>
                <ul id="total" data-role="listview" data-inset="true" data-theme="b"></ul>
            </article>
        </section>        

        <section id="opciones" data-role="dialog" data-theme="b">
            <header data-role="header" data-theme="b">
                <h1>Opciones</h1>
            </header>
            <article data-role="content">
                <a href="#pagar" data-role="button" id="btnPagarSemana" data-theme="b">Pagar Semana</a>
                <a href="index.html" rel="external" data-role="button" data-theme="a">Cerrar Sesión</a>
            </article>
        </section>

        <section id="pagar" data-role="page" data-theme="b">
            <header data-role="header" data-theme="b">
                <h1>Pagar Semana</h1>
            </header>
            <article data-role="content">
                <form id="form_pagar">
                    <div data-role="fieldcontain">
                        <label for="pares">Cantidad de pares:</label> 
                        <input type="range" id="pares" min="0" max="150" value="20" data-show-value="true">
                    </div>
                    <div data-role="fieldcontain">
                        <label for="txtvalor">Valor par:</label> 
                        <input type="text" id="txtvalor" value="" placeholder="Escribe aqu&iacute; el valor del par" />
                    </div>
                    <div data-role="fieldcontain">
                        <label for="dias">Días trabajados:</label> 
                        <input type="range" id="dias" min="0" max="7" value="1" data-show-value="true">
                    </div>
                    <div data-role="fieldcontain">
                        <label for="txtvalort">Valor día transporte:</label> 
                        <input type="text" id="txtvalort" value="" placeholder="Escribe aqu&iacute; el valor del día de transporte" />
                    </div>                    
                    <input type="button" value="Pagar" id="btnPagarNomina" />
                </form>                
            </article>
        </section>        
    </body>
</html>